<!DOCTYPE html>
<html>	
<head>
<title>Login</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<meta name="keywords" content="Flat Dark Web Login Form Responsive Templates, Iphone Widget Template, Smartphone login forms,Login form, Widget Template, Responsive Templates, a Ipad 404 Templates, Flat Responsive Templates" />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<!--webfonts-->
<#--<link href='http://fonts.useso.com/css?family=PT+Sans:400,700,400italic,700italic|Oswald:400,300,700' rel='stylesheet' type='text/css'>-->
<#--<link href='http://fonts.useso.com/css?family=Exo+2' rel='stylesheet' type='text/css'>-->
<!--//webfonts-->
    <script src="js/jquery-3.3.1.js"></script>
</head>
<body>
<script>

	$(document).ready(function(c) {

		$('.close').on('click', function(c){
			$('.login-form').fadeOut('slow', function(c){
				$('.login-form').remove();
			});
		});

		$('#sub').click(function () {
            <#--$.ajax({-->
                <#--type: "POST",-->
                <#--url: "${path}",-->
                <#--dataType: "json",-->
                <#--data: $('#form1').serialize(),-->

                <#--success: function(msg){-->
                    <#--console.log(result);-->
                    <#--// alert("成功！");-->
                    <#--window.location.replace("${path}");-->
                <#--},-->
                <#--error : function() {-->
                    <#--alert("异常！");-->
                <#--}-->
            <#--});-->

            $.post('${path}/login',$('#form1').serialize(),function () {
                window.location.replace("${path}");
            },"json");

        });
	});
</script>
 <!--SIGN UP-->
 <h1>Office Automation</h1>
<div class="login-form">
	<div class="close"> </div>
		<div class="head-info">
			<label class="lbl-1"> </label>
			<label class="lbl-2"> </label>
			<label class="lbl-3"> </label>
		</div>
			<div class="clear"> </div>
	<div class="avtar">
		<img src="images/avtar.png" />
	</div>
			<form id="form1" >
					<input type="text" name="userName" class="text" value="Username" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Username';}" >
						<div class="key">
					<input type="password" name="password" value="Password" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Password';}">
						</div>
			</form>
	<div class="signin">
			<input id="sub" type="submit" value="登录" >
	</div>
</div>
 <div class="copy-rights">
					<#--<p>Copyright &copy; 2015.Company name All rights reserved.More Templates <a href="" target="_blank" title="mar月下">mar月下</a> - Collect from <a href="" title="mar月下" target="_blank">mar月下</a></p>-->
			</div>

</body>
</html>